<template>
	<section class="body">
		<img :src="imgUrl" mode="" :style="{ top: Top + '%' }" />
		<p>{{ Text }}</p>
	</section>
</template>

<script>
export default {
	props: {
		imgUrl: {
			type: String,
			default: '/static/image/nodata.png'
		},
		Text: {
			type: String,
			default: '暂无数据'
		},
		Top: {
			type: Number,
			default: 30
		}
	},
	data() {
		return {};
	},
	methods: {}
};
</script>

<style lang="scss" scoped>
.body {
	text-align: center;
	position: absolute;
	top: 30%;
	left: 50%;
	margin-left: -125rpx;
	img {
		width: 250rpx;
		height: 150rpx;
	}
	p {
		font-size: 28rpx;
		color: #cbd4de;
		margin-top: 10rpx;
	}
}
</style>
